<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  <meta name="keywords" content="admin, dashboard, bootstrap, template, flat, modern, theme, responsive, fluid, retina, backend, html5, css, css3">
  <meta name="description" content="">
  <meta name="author" content="ThemeBucket">
  <link rel="shortcut icon" href="#" type="image/png">

  <title>掉钱眼儿后台</title>

  <!--dashboard calendar-->
  <link href="../css/clndr.css" rel="stylesheet">
  <!--gritter-->
  <link rel="stylesheet" type="text/css" href="../js/gritter/css/jquery.gritter.css" />
  <!--chosen -->
  <link href="../js/chosen/chosen.jquery.css" rel="stylesheet" />




  <!--common-->
  <link href="../css/style.css" rel="stylesheet">
  <link href="../css/style-responsive.css" rel="stylesheet">

  <!--datatable -->
  <link href="../js/advanced-datatable/css/demo_page.css" rel="stylesheet" />
  <link href="../js/advanced-datatable/css/demo_table.css" rel="stylesheet" />
  <link rel="stylesheet" href="../js/data-tables/DT_bootstrap.css" />

  <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
  <script src="../js/html5shiv.js"></script>
  <script src="../js/respond.min.js"></script>
  <![endif]-->
</head>

<body class="sticky-header">

<section>
    <!-- left side start-->
    <div class="left-side sticky-left-side">

        <!--logo and iconic logo start-->
        <div class="logo">
            <a href="/index.html"><img src="../images/logo.png" alt=""></a>
        </div>

        <div class="logo-icon text-center">
            <a href="/index.html"><img src="../images/logo_icon.png" alt=""></a>
        </div>
        <!--logo and iconic logo end-->

        <div class="left-side-inner">

            <!-- visible to small devices only -->
            <div class="visible-xs hidden-sm hidden-md hidden-lg">
                <div class="media logged-user">
                    <div class="media-body">
                        <h4><a href="#" class="username">Duke</a></h4>
                        <span>"Hello Chuangqi..."</span>
                    </div>
                </div>
            </div>

            <!--sidebar nav start-->
            <ul class="nav nav-pills nav-stacked custom-nav"></ul>
            <!--sidebar nav end-->
        </div>
    </div>
    <!-- left side end-->

    <!-- main content start-->
    <div class="main-content" >
      <!-- header section start-->
        <div class="header-section">
          <!--toggle button start-->
          <a class="toggle-btn"><i class="fa fa-bars"></i></a>
          <!--toggle button end-->

          <!--notification menu start -->
          <div class="menu-right">
              <ul class="notification-menu">
                  <li>
                      <a href="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                          <span class="username">Duke</span>
                          <span class="caret"></span>
                      </a>
                      <ul class="dropdown-menu dropdown-menu-usermenu pull-right">
                          <li class="changePwd"><a href="#"><i class="fa fa-user"></i> <span>修改密码</span></a></li>
                          <li class="logout"><a href="#"><i class="fa fa-sign-out"></i> 注销</a></li>
                      </ul>
                  </li>

              </ul>
          </div>
          <!--notification menu end -->

      </div>
      <!-- header section end-->



      <!--body wrapper start-->
      <div class="wrapper">

<section class="panel panel-default">
<header class="panel-heading">
  后台管理界面
<span class="tools pull-right">
    <a class="fa fa-chevron-down" href="javascript:;"></a>
    <a class="fa fa-times" href="javascript:;"></a>
</span>
</header>
<div class="panel-body">
  <h2>欢迎来到掉钱眼儿后台管理界面</h2>
</div>
</section>

      </div>
      <!--body wrapper end-->
      <footer>
          2016 &copy; 掉钱眼儿 by chuangqish
      </footer>
    </div>
  </section>

  <!-- Placed js at the end of the document so the pages load faster -->
  <script src="../js/jquery-1.10.2.min.js"></script>
  <script src="../js/jquery-ui-1.9.2.custom.min.js"></script>
  <script src="../js/jquery-migrate-1.2.1.min.js"></script>
  <script src="../js/bootstrap.min.js"></script>
  <script src="../js/jquery.nicescroll.js"></script>
  <!-- validate -->
  <script src="../js/jquery.validate.min.js"></script>
  <!-- gritter -->
  <script type="text/javascript" src="../js/gritter/js/jquery.gritter.js"></script>
  <!--chosen-->
  <script type="text/javascript" src="../js/chosen/chosen.jquery.js"></script>
  <script src="../js/http.js"></script>

  <!--dynamic table-->
  <script type="text/javascript" language="javascript" src="../js/advanced-datatable/js/jquery.dataTables.js"></script>
  <script type="text/javascript" src="../js/data-tables/DT_bootstrap.js"></script>

  <!-- isloading -->
  <script src="../js/jquery.isloading.js"></script>
  <script type="text/javascript" src="../js/cookie.js"></script>
  <!--common scripts for all pages-->
  <script src="../js/scripts.js"></script>
  <script type="text/javascript">
  var mygritter = function(content){
    $.gritter.add({
        title: '温馨提示',
        text: content,
        time: 3000
    });
  }
  </script>


</body>
</html>
